@import "default";
@import "common";

.address {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    background: @color-wrapper;

    .sites {
        width: 100%;
        overflow: hidden;

        .site {
            width: 100%;
            overflow: hidden;
            .float-left();
            background: @color-std-white;
            border-top: 1px solid @color-std-white;

            .info {
                width: 100%;
                .float-left();
                margin-top: 5px;
                .line-height(25px);
                overflow: hidden;
                font-size: @font-11pt;
                font-weight: bold;

                .name {
                    width: 20%;
                    .float-left();
                    text-indent: 1em;
                }

                .tel {
                    width: 60%;
                    .float-left();
                    font-size: @font-12pt;
                    text-align: center;
                }

                .sign {
                    width: 20%;
                    .float-left();

                    button {
                        width: 50%;
                        .line-height(20px);
                        font-size: @font-9pt;
                        margin-left: 25%;
                        border-radius: 4px;
                        color: @color-std-white;
                        background: @color-std-red;
                    }
                }
            }

            .detail {
                width: 100%;
                line-height: 32px;
                overflow: hidden;
                .float-left();
                border-bottom: 1px solid @color-border-wrapper;

                .prov {
                    width: 15%;
                    text-indent: 1em;
                    .float-left();
                }

                .city {
                    width: 15%;
                    .float-left();
                }

                .addr {
                    width: 60%;
                    .float-left();
                }
            }

            .act {
                width: 100%;
                .float-left();
                overflow: hidden;
                padding-top: 5px;
                .line-height(40px);

                .default {
                    width: 30%;
                    .float-left();

                    .img {
                        width: 20px;
                        height: 20px;
                        margin-left: 1em;
                        .float-left();

                        img {
                            width: 20px;
                            height: 20px;
                            line-height: 16px;
                            text-align: center;
                            font-size: @font-9pt;
                        }
                    }

                    span {
                        font-size: @font-9pt;
                        .float-left();
                        line-height: 35px;
                        margin-left: 5px;
                    }
                }

                .edit,.del {
                    width: 15%;
                    .float-right();

                    .img {
                        width: 20px;
                        height: 20px;
                        margin-left: 3%;
                        .float-left();

                        img {
                            width: 20px;
                            height: 20px;
                            line-height: 16px;
                            text-align: center;
                            font-size: @font-9pt;
                        }
                    }

                    span {
                        font-size: @font-9pt;
                        .float-left();
                        line-height: 30px;
                        margin-left: 5px;
                    }
                }
            }
        }
    }

    .new {
        width: 100%;
        height: 50px;
        background: @color-std-white;
        .position(fixed,auto,auto,0,0);

        a {
            display: block;
            width: 60%;
            margin-top: 5px;
            .line-height(40px);
            .border-radius(4px);
            text-align: center;
            color: @color-std-white;
            font-size: @font-11pt;
            margin-left: 20%;
            background: @color-yellow;
        }
    }
}